<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{$title|default='ECode平台'}</title>
    <link rel="stylesheet" href="__CSS__/bootstrap.min.css" />
    <link rel="stylesheet" href="__CSS__/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" href="__CSS__/defalut.theme.css" />
    {block name="css"}{/block}
</head>
<body>
    <!-- 顶头部 start -->
    <header>
        <div class="head">
            <div class="logo pull-left">
                <img width="40" height="30" src="__IMG__/admin-logo.png" alt="">
                <b>&nbsp;&nbsp;E-code</b>
            </div>
            <div class="info-right pull-right">
                <ul>
                    <a href=""><li class="pull-right"><i class="glyphicon glyphicon-home"></i> 网站前台 </li></a>
                    <a  href=""><li class="pull-right"><i class="glyphicon glyphicon-refresh"></i> 清除缓存 </li></a>
                    <a href=""><li class="pull-right"><i class="glyphicon glyphicon-user"></i> 欢迎：Admin </li></a>
                </ul>
            </div>
        </div>
    </header>
    <!-- 顶头部 stop -->
    <!-- 左侧菜单 start -->
    <aside>
        {volist name="leftmenu" id="vo"}
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-th"></i>{$vo.title}<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            {volist name="vo.children" id="v"}
            <dl>
                <a href="{$v.url|url}"><dd><i class="glyphicon glyphicon-hand-right"></i>{$v.title}</dd></a>
            </dl>
            {/volist}
        </dl>
        {/volist}
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-hourglass"></i>别点我！！！<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
        </dl>
    </aside>
    <!-- 左侧菜单 stop -->

    <!-- 主区域 start -->
    <div class="main">
    {block name="main"}{/block}
    </div>
    <!-- 主区域 stop -->

    <!-- 底部区域 start -->
    <footer>
        
    </footer>
    <!-- 底部区域 stop -->
<script src="__JS__/jquery.min.js"></script>
<script src="__JS__/bootstrap.min.js"></script>
<script src="__JS__/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="__JS__/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script src="__JS__/Chart.js"></script>
<script src="__JS__/defalut.theme.js"></script>
{block name="javascript"}{/block}
<script>
    $(function(){
        // 左侧菜单展开事件
        $('.left-nav').click(function(){
            $('.left-nav').children('dt').children('.arrow-right').removeClass('glyphicon-menu-down');
            $('.left-nav dl').hide("slow");
            $(this).children('dl').stop(true, false).slideToggle("slow");
            $(this).children('dt').children('.arrow-right').addClass('glyphicon-menu-down');
        });
        //全选 全不选
        $("#all-box").click(function(){
            if($(this).is(":checked")){
                $("input[name='id']").prop("checked",true);
            }else{
                $("input[name='id']").prop("checked",false);
            }
        });
    });
</script>        
</body>
</html>